@import "@automattic/color-studio/dist/color-variables";
@import "@automattic/typography/styles/variables";


.newsletter-categories-settings__term-tree-selector {
	display: flex;
	flex-direction: column;

	&.hidden {
		display: none;
	}

	.term-tree-selector__add-term {
		margin-bottom: 0;

		&.is-compact {
			border: 1px solid $studio-gray-10;
			border-top: none;
			padding: 8px;
		}
	}

	.term-tree-selector.is-small {
		border: 1px solid $studio-gray-10;
		min-height: 34px;
	}
}

.newsletter-categories-settings__hide-modal-toggle {
	&.hidden {
		display: none;
	}
}

.newsletter-categories-settings__description {
	&.form-setting-explanation {
		margin-top: -12px;
		margin-bottom: 0;
	}
}
